/* Style Gudie css start here */
.primary-clr{background-color: #4BA489 !important;    padding: 3px 0px !important}
.para-clr{ color: #545454 !important;
    font-size: 13px;
    line-height: 23px !important;
    margin-top: 5px;}
.white-text{color: #fff !important;}
.b1{font-size: 18px !important;}
.b2{font-size: 16px !important; line-height: 23px;}
.b3{font-size: 14px !important;     line-height: 21px !important;}
.b4{font-size: 12px !important; line-height: 17px;}
.primary-clr-theory{color: #4ba489 !important;}
h1{font-size: 40px !important;}
h2{font-size: 36px !important;  line-height: 49px !important;}
h6{line-height: 26px;}
.light-bg-clr{background-color: #F2F9F7 !important;}
h2 {
    font-size: 37px;}
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #4BA489 ;
 }

#header3.main-header .header-style2 {
    background-color: #ffffff;
    padding: 0px 25px !important;
    border-radius:05px;
    box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07);}

/* .img-height{height: 500px;} */


.main-header .main-menu .navigation > li > a{    font-size: 15px;     padding: 21px 0px;}
 .list-btn{list-style-type: none;}
.lab-mrng{margin-top: 20px !important;}
/* Style Gudie css start here */
.footer-main .widget-menu ul.box-menu li a {    font-size: 14px;}
.user-profile-card{width: 150%;}
.img-regiter-div-profile {
     margin-left: -64px;
    margin-top: 90px;
    width: 109% !important;}

/* .sft-btn{    background-color: #4ba489;
    padding: 9px 11px;   
     border-radius: 5px;
    color: #fff;
  text-decoration: none; } */

.sft-btn:hover{background-color: #0e7456; color: #fff;}

/* Top and header css start here */
.btn-mrng-div{margin-top: 25px;}
.registe-content-bg-3 {background-color: #f6f6f6;
    height: 742px;}
    .img-regiter-div-1 {
    margin-left: -88px;
    width: 129% !important;}
.header-box-shadow{border-radius: 0px !important;}
.login-register-btn a{
  text-decoration: none !important;
  color: #18775a !important;
}
    .btn-icon-list {
        padding: 8px 7px 8px 13px;
            border-radius: 9px;
    background-color: #4ba489 !important;
    color: #ffffff;
    display: inline-block;
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18.9px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-icon-list:hover{background-color: #18775a !important; color: #fff !important;}
.register-bg-div-1 {
    background-color: #ffff;
    border-radius: 10px;
    padding: 13px 36px !important;
   }
.font-icon-ttl{    font-size: 8px;
    position: relative;
    left: -8px;
    top: -3px;}
.banner-section-ttl{line-height: 44px;}
.carousel-caption {
    position: absolute;
 right: 15%;
bottom: 0.25rem; 
/* top: 110px;    */
   left: 9% !important;
    /* padding-top: 1.25rem; */
    padding-bottom: 16.25rem !important;
    color: #fff;
    text-align:left !important;}
    .widget-search-car {
        margin-top: -120px;}
.search-form-widget .tab-content{box-shadow: -1px 15px 7px 0px rgba(0, 0, 0, 0.06) !important;
}
.widget-car-service {
    padding-top: 50px;    padding-bottom: 60px;}
    .search-form-widget ul li .nav-link.active::after{    border-top: 18px solid #4ba489;}
    .search-form-widget ul li .nav-link.active {
    background-color: #4ba489; }
    .search-form-widget ul li .nav-link:hover {
    background-color: #4ba489;
    color: #ffffff;}
.icon-search-1{    position: relative;
    left: -10px;
    top: 3px;
}
    .post-proparty-icon{    position: relative;
    top: 6px;}
    .search-btn-div:hover{background-color:#18775a !important; color: #fff !important;}
    .search-btn-div{background-color: #4ba489 !important;
    color: #ffff;
    padding: 4px 21px !important;    border-radius: 8px !important;
  text-decoration: none;}
    .tf-car-service .image .stm-badge-top .feature span {
    background-color: #4ba489}
    .tf-car-service{height: 621px !important;}
     .tf-height-card{height: 350px !important;}

    .btns-div{    position: relative;
    top: -2px;}
    .tf-car-service .content .bottom-btn-wrap {
    margin-top: 5px;}
/* banner section css start here */
.nice-select{padding: 3px 40px 13px 25px !important;    font-size: 14px;}
.search-text-para{    position: relative;
    top: 5px;}


/* Types of sft99 section start here */
.types-sft99-section-main{background-image: url(../images/partner/Background.png); background-repeat: no-repeat; background-size: 100%; padding: 92px; margin-bottom: 60px;     height: 450px;}
.types-sft99-section-center{background-color: #021B13; padding: 44px;}
.BHK-div{width: 200px;
    height: 200px;
    border: 1px solid #63ceac;
    border-radius: 10px;
    padding: 33px 28px;
}
.BHK-div:hover{background-color: #00b386; color: #fff;}
.bhk-icon-div{width: 60px;height: 60px; border: 1px solid #63ceac;  border-radius: 10px;    padding: 10px 12px;     margin-left: 48px;
    border-radius: 10px;}
.types-sft99-content{text-align: center;}
.margin-div{ margin: 0px 39px;}
.villas-div-number{    font-size: 20px;
    font-weight: 400;
    color: #fff; }
    .widget-car-list-v2 {
    padding-bottom: 60px;}
/* Types of sft99 section start here */
.themesflat-container {padding-right: 42px;
    padding-left: 34px;}
    .border-footer-cont{    border: 2px dashed #4ba489;
   
    padding: 2px 1px 18px 0px;}
    .pt-20 {
    padding-top: 53px}
    .footer-main .widget-info ul li i {
    color: #4ba489;
    width: 36px;
    margin-top: 7px;}
    .main-header .main-menu .navigation > li{    margin-right: 35px;}
    .footer-main .widget-menu ul.box-menu li a:hover {
    color: #4ba489}
    .footer-main .widget-menu ul.box-menu li a::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -10%;
    background: #4ba489;
    transition: transform 0.5s ease 0s;
    transform: scale3d(0, 1, 1);
    transform-origin: 0px 50%;}

    .div-marng-btn-1{    margin-top: -5px;}
  .button-go::before {
    z-index: -1;
    background-color: #4ba489;}
    ul.social-icon li a i:hover {
    background-color: #83e9ca;}
    .main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a {
    opacity: 1;
    color: #4BA489}
ul.social-icon li a i {
    color: #4ba489;}
    .main-menu ul.navigation > li > a::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 50%;
    top: 62%;
    background: #4ba489;
    transition: 0.5s transform ease;
    transform: scale3d(0, 1, 1);
    transform-origin: 0 50%;}

    a:hover, a:focus, a.active {
    text-decoration: none;
    outline: none;
    color: #2f6857;}
    .heading-section .sub-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11em;
    color: #4ba489;
    position: relative;
    display: inline-block;
    text-transform: uppercase;}
    .heading-section .sub-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.11em;
    color: #4ba489;
    position: relative;
    display: inline-block;
    text-transform: uppercase;}
    .footer-top .title-footer-top {font-size: 40px;}
    .navigation > li > a:active{color: #4BA489 !important;}
    .hover-listing-image .wrap-hover-listing .bullet-hover-listing .bl-item.active {
    background: #4ba489;}
    .btn-read-more .more-link:hover {
    color: #4ba489;}

    .tf-car-service .content .bottom-btn-wrap .btn-read-more .more-link i {
    color: #4BA489;
    margin-right: 12px;
    }

    .carousel-control-prev{ width: 7% }
    .logo-box .logo img {
        width: 90px;
        height: auto;}
/* signup flow start here */
.signup-main{background-color: #F6F6F6; padding-bottom: 60px; padding-top: 100px;     }
.tab-menu-main a :active{background-color: #E3E3E3 !important; color:#7d7d7d !important;}
.tab-menu-a{background-color: #E3E3E3;
    padding: 7px;
    border-radius: 3px;
    color: #7b7b7b !important;margin-left: 20px;}
    .tab-menu-icon{font-size: 15px;
    position: relative;
    top: -1px;
    left: -2px}
    .forrgot-ext-clr{color: #f00;}
    .line-div-menu{    margin-right: 23px;
    font-size: 20px;}
    .register-bg-div{background-color: #ffff; border-radius: 10px; padding: 29px 36px !important;}
        .register-bg-height-sign-div{background-color: #ffff; border-radius: 10px; padding: 29px 36px !important; height: auto !important; width: 537px !important;}
          .register-bg-height-sign-login{background-color: #ffff; border-radius: 10px; padding: 29px 36px !important; height: 484px !important; width: 537px !important;}
        
.sign-up-img-he{width: 93% !important; }
.sign-up-img-login{width: 93% !important; height: 375px;}


    .form-div{    margin-left: -45px !important;
    margin-top: 15px;}
    input[type=radio] + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 14px;
    position: absolute;  
    top: 6px;
    left: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 50%;}
    input[type=radio]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #4BA489;}

.form-floating>label{    left: 14px;}


.input-container {
      position: relative;
      width: 450px;
          margin: 9px -5px;
}
    

    .input-container input {
      width: 100%;
      padding: 10px 40px 10px 16px;

      border: 1px solid #4BA489;
      border-radius: 6px;
      color: #000;
      font-size: 16px;
      outline: none;
          height: 40px;
          background: none;
    }
.input-container input:hover{
      border: 1px solid #4BA489 !important;   background: none;}
    .input-container label {
      position: absolute;
      top: 50%;
      left: 16px;
      transform: translateY(-50%);
      color: #4ba489 !important;
         font-size: 15px;
      padding: 0 5px;
      pointer-events: none;
      transition: 0.2s ease all;
    }

    .input-container input:focus + label,
    .input-container input:not(:placeholder-shown) + label {
      top: -8px;
      left: 12px;
      font-size: 12px;
      color: #aaa;
    }

    .input-container .icon {
      position: absolute;
      top: 50%;
      right: 25px;
      transform: translateY(-50%);
      color: #4ba489;
    }

    .password-toggle {
      cursor: pointer;
      z-index: 10;
      transition: color 0.3s ease;
    }

    .password-toggle:hover {
      color: #3a8a6f;
    }

.mobile-input-wrapper-1 {
    display: flex
;
    align-items: center;}



      .mobile-input-wrapper {
      display: flex;
      align-items: center;
      gap: 18px;
    }
.phone-clr-div{color: #4ba489 !important;}
    .country-code {
      display: flex;
      align-items: center;
      border: 1px solid #4ba489;;
      border-radius: 6px;
      padding: 5px 12px;
  
    }
    .mobile-border-div{border: 1px solid #4ba489 !important; background: none !important; }  

.amenties-h4-ttl{margin-bottom: 24px !important;}
  
    .country-code img {
      width: 20px;
      margin-right: 6px;
    }

    .country-code span {
      font-weight: 500;
      margin-right: 6px;
    }
    
.input-field label {
         position: relative;
     right: -15px;
    bottom: 17px !important;
      transform: translateY(-50%);
      color: #aaa;
      pointer-events: none;
      transition: 0.2s ease all;
    }
  
    .input-field input:focus + label,
    .input-field input:not(:placeholder-shown) + label {
     top: -8px;
    left: 12px;
      font-size: 12px;
      background: #fff;
      padding: 0 4px;
    }
    .number-div-form{    padding: 8px 25px !important;
    width: 311px !important;}
    input[type=checkbox] + label:before {        top: 4px;
    left: 7px;}
    input[type=checkbox]:checked + label:after {    top: 11px;  left: 9px;}
    .box-gap-div{margin: 0px 6px;}
    .next-btn-div{    background-color: #4ba489;
    text-align: center;

    padding: 9px 190px;
        border-radius: 5px;
    margin-left: 20px;
color: #fff;
text-decoration: none;}


    .next-btn-save{    background-color: #4ba489;
    text-align: center;
    padding: 9px 25px;
        border-radius: 5px;

color: #fff;
text-decoration: none;}


.submit-btn{
  background-color: #4ba489; padding: 8px 8px ; text-align: center; width: 15%;border-radius: 5px;
}

.submit-btn:hover{
  background-color: #295548; padding: 8px 8px ; text-align: center; width: 15%;border-radius: 5px;
}

.Paragraph{
  color: #000; font-weight: 600;
}



.upload-1{
  color: #000; font-weight: 600;
}
.title-1{
  color: #000; font-weight: 600; width: 49%;

}
.title-2{
  color: #000; font-weight: 600; width: 100%;

}
.img-1{
  width: 13%; margin-top: 12px; margin-right: 20px;
}
.add-btn{
  margin-top: 10px;
}



.next-btn-div:hover{background-color: #18775a !important; color: #fff !important;}
.book-btn-div1:hover{background-color: #18775a !important; color: #fff !important;}

.form-floating>.form-control, .form-floating>.form-select{height: 40px;    width: 310px !important;}

.form-floating>label {
    left: 15px;
    top: 23px;
      font-size: 15px;}



.content-bg-clr-div-1 {
    background-color: #F2F9F7;
    padding: 28px !important;
    width: 466px !important;
    margin-top: -1px !important;
    margin-left: 0px !important;
}

.signup-cont-div{text-align: left; margin-bottom: 10px;}

.register-para{     text-align: center;
    margin-top: 9px;}

    .img-regiter-div{    margin-left: -60px;
    margin-top: 33px; width: 127% !important;}
    .number-count-div{    position: relative;
    top: 14px;}
    .tab-menu-a-1 {
    background-color: #E3E3E3;
    padding: 7px;
    border-radius: 3px;
    color: #7b7b7b !important;
  }
    .otp-line{       margin-right: -83px;
    margin-left: -71px;}
     .otp-line-1{       margin-right: -83px;
    margin-left: -54px;}

 .otp-container {
      display: flex;
      gap: 12px;
      justify-content: center;
width: 65%;
    margin: 15px 69px;
    }
    .rsend-icon{    position: relative;
    left: -8px;}
.resend-btn{position: relative;top: 7px;}
    .otp-input {
      width: 50px ;
      height: 40px;
      text-align: center;
      font-size: 24px;
      border: none;
      border-bottom: 2px solid #aaa;

      outline: none;
      transition: border-color 0.3s;
    }

    .otp-input:focus {
      border-bottom-color: #28a17a;
    }

    .otp-container input.filled {
      animation: floatIn 0.3s ease-out;
      border-bottom-color: #28a17a;
    }

    @keyframes floatIn {
      from {
        transform: translateY(10px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }



.btn-primary {
    color: #fff;
    background-color: #4ba489;
    border-color: #4ba489;
    width: 392px;}
    
.btn-primary:hover{
    color: #fff;
    background-color: #000000;
    border-color: #4ba489;
   ;}
    .info-banner {
      background-color: #48a189; /* green background similar to image */
      border-radius: 12px;
      padding: 30px;
      color: white;
    }

    .info-banner h5 {
      font-weight: 600;
      margin-bottom: 20px;
    }

    .info-banner h5 span {
      font-weight: 700;
    }

    .info-banner ul {
      padding-left: 0;
      list-style: none;
    }

    .info-banner ul li::before {
      content: "✔";
      color: white;
      margin-right: 8px;
    }
    .info-para  {font-size: 12px !important;}
    .registe-content-main{background-color: #F6F6F6;height: 690px;}
    .list-cont-div{    margin-top: -41px; margin-bottom: 40px;}
    .book-btn-div1{    background-color: #4ba489;
  
    padding: 9px 154px !important;
    color: #fff;
    border-radius: 5px;}

    .book-btn-div2{    background-color: #4ba489;
  
    padding: 11px 194px !important;
    color: #fff;
    border-radius: 8px;}
.divider-1{width: 90%;}

.book-btn-div2:hover{    background-color: #18775a !important;
    color: #fff !important;}
.img-regiter-div-loc {
   margin-left: -77px;
    margin-top: 72px;
    width: 127% !important;}

.copy-link-btn{  text-wrap:nowrap;  background-color: #4ba489;
    padding: 10px 68px;
    border-radius: 10px;
    color: #fff;}
.book-btn-div3:hover{ background-color: #18775a !important;
    color: #fff !important;}

.medium-buttons-div{    background-color: #4ba489;
    color: #fff;
   padding: 9px 55px;
    border-radius: 5px;
    font-size: 14px;}




.medium-buttons-div:hover{ background-color: #24896b !important; color: #fff !important;}
.medium-buttons-div-1{ border: 1px solid #48a189;
    color: #48a189;
       padding: 9px 83px;
    border-radius: 5px;
    font-size: 14px;
}



.content-bg-clr-div-3 {
    background-color: #F2F9F7;
    padding: 2px 35px !important;
    width: 466px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
}

 .success-card {

      border-radius: 20px;
      padding: 40px;
      text-align: center;

      position: relative;
      width: 360px;
    }

    .checkmark-circle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: #e6fff0;
      margin: 0 auto 20px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      animation: popIn 0.5s ease-out forwards;
    }

    .checkmark-circle::before {
      content: '✔';
      font-size: 48px;
      color: #4BA489;
      transform: scale(0);
      animation: scaleIn 0.3s ease-out 0.4s forwards;
    }

    @keyframes popIn {
      0% {
        transform: scale(0.5);
        opacity: 0;
      }
      100% {
        transform: scale(1);
        opacity: 1;
      }
    }

    @keyframes scaleIn {
      to {
        transform: scale(1);
      }
    }

    .success-card h3 {
      color: #4BA489;
      font-weight: 600;
    }

    .success-card p {
      color: #6c757d;
      margin-bottom: 30px;
    }

    .sparkles {
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translateX(-50%);
      width: 200px;
      height: 100px;
      pointer-events: none;
    }

    .sparkles span {
      position: absolute;
      width: 6px;
      height: 6px;
      background: #ffc107;
      border-radius: 50%;
      opacity: 0.7;
      animation: float 2s infinite ease-in-out;
    }

    .sparkles span:nth-child(2) {
      left: 30px; top: 10px; background: #0dcaf0;
      animation-delay: 0.2s;
    }
    .sparkles span:nth-child(3) {
      left: 100px; top: 5px; background: #6f42c1;
      animation-delay: 0.4s;
    }
    .sparkles span:nth-child(4) {
      left: 160px; top: 20px; background: #fd7e14;
      animation-delay: 0.6s;
    }

    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    .sucesss-btn-div{background-color: #4BA489;
    padding: 10px 55px;
    color: #fff;
    border-radius: 10px;}



    
    .btn-role {
      border: 1px solid #ccc;
      border-radius: 999px;
      padding: 6px 30px;
      font-weight: 500;
      color: #000;
      background-color: #fff;
      
    }

.form-div-1 {
    margin-left: -13px !important;
    margin-top: 15px;}
   
    .btn-role-1 {
      border: 1px solid #ccc;
      border-radius: 999px;
      padding: 6px 50px;
      font-weight: 500;
      color: #000;
      background-color: #fff;
    }



    .btn-role.active {
      color: #28a17a;
      border-color: #28a17a;
      background-color: #e6f5f1;
    }


    
    .google-btn {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 8px 16px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .divider {
      display: flex;
      align-items: center;
      text-align: center;
      margin: 33px 0px;
    width: 96%;
}
.registe-content-bg{    background-color: #f6f6f6;
    height: 552px;}
.img-regiter-div-1 {    margin-top: -21px;}
    .divider::before,
    .divider::after {
      content: '';
      flex: 1;
      border-bottom: 1px solid #bbb;
    }

    .divider:not(:empty)::before {
      margin-right: .75em;
    }

    .divider:not(:empty)::after {
      margin-left: .75em;
    }



    .btn-role-flat {
    border: 1px solid #ccc;
    border-radius: 10px;
padding: 5px 22px;
    font-weight: 500;
    color: #000;

        width: auto !important;
    font-size: 18px;
}
.btn-role-flat-1 {
    
        border-radius: 10px;
    padding: 5px 22px;
    font-weight: 500;
    color: #000;
    width: auto !important;
    font-size: 18px;
}
}





    .btn-role-3 {
    border: 1px solid #ccc;
    border-radius: 999px;
    padding: 6px 12px;
    font-weight: 500;
    color: #000;
  
    width: auto !important;
        font-size: 13px;
}
.button-div-register{    margin-left: -31px;}
.registe-content-bg-4 {
    background-color: #f6f6f6;
        padding-bottom: 80px;
  
}
.otp-btn-div{    border: 1px solid #4ba489;
    padding: 10px 100px;
    border-radius: 10px;}
    .otp-button-div{margin-top: 26px;}







    /* stepper css start here */
.stepper-main-div{margin-top: 30px; margin-bottom: 30px;     margin-left: -16px;}
     .stepper {
      background: #EEEEEE;
      padding: 20px;
      border-radius: 12px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .step {
      position: relative;
      flex: 1;
      text-align: center;
    }

    .step:not(:last-child)::after {
      content: '';
      position: absolute;
      top: 12px;
      left: 50%;
      width: 100%;
      height: 2px;
      background-color: #ccc;
      z-index: 0;
    }
.otp-line-2{    margin-left: -104px;}
    .register-bg-div-h {
    background-color: #ffff;
    border-radius: 10px;
    padding: 14px 36px !important;
    
     } 


.img-regiter-div-img {
    margin-left: -83px;
    margin-top: 33px;
    width: 127% !important;}

.border-btn-div{   background-color:  #4ba489;    color: #fff !important;}



    .step .circle {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background: white;
      border: 2px solid #ccc;
      margin: 0 auto 5px;
      position: relative;
      z-index: 1;
    }

    .step.active .circle,
    .step.completed .circle {
      background: #00b386;
      border-color: #00b386;
    }

    .step.active .title,
    .step.completed .title {
      color: #00b386;
      font-weight: 600;
    }

    .step small {
      color: #666;
      display: block;
    }

    .step.completed:not(:last-child)::after {
      background-color: #00b386;
    }



    
.tf-car-service .content
 {
    padding: 16px 34px 37px 34px;
    text-align: left;}

     .score-container {
    display: flex;
    align-items: center;
    background-color: #d4f5ee;
    padding: 1rem;
    border-radius: 12px;
    max-width: 320px;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
  }

  .progress-circle {
    width: 70px;
    height: 70px;
    position: relative;
  }

  .score-texts {
    margin-left: 15px;
  }

  .score-title {
    font-weight: 600;
    color: #3a7e6c;
    font-size: 1rem;
  }

  .score-desc {
    color: #7a7a7a;
    font-size: 0.875rem;
  }
.img-upoad-bg{    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 0px;
  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07);margin-top: 20px;
    width: 456px;}
    
.div-marng-btn{margin-top: 33px;}
.img-regite-rupolad{         width: 91%; margin-top: 45px;}
.tab-marng-div{margin: 0px -122px;}
    .drop-zone {
     width: 453px;
      height: 140px;
      border: 2px dashed #ccc;
      border-radius: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      color: #aaa;
      cursor: pointer;
      transition: border-color 0.3s ease;
      margin-left: 16px;
    margin-top: 19px;
    }
.upoald-img-bg{margin-left: 2px !important;}
    .drop-zone.hover {
      border-color: #31b29d;
    }
.book-btn-div3 {
    background-color: #4ba489;
    padding: 11px 110px !important;
    color: #fff;
    border-radius: 8px;}



    .drop-zone img {
      max-width: 100%;
      max-height: 100px;
      margin-top: 10px;
    }

    .drop-zone-icon {
      font-size: 32px;
      margin-bottom: 6px;
      opacity: 0.6;
    }
   .breadcrumb {
      display: flex;
      align-items: center;
      gap: 10px;
      flex-wrap: wrap;
    }

    .breadcrumb-item {
  display: flex;
    align-items: center;
    background-color: #e5e5e5;
    padding: 0px 12px;
    border-radius: 8px;
    font-size: 11px;
    color: #666;
    gap: 6px;
    }

    .breadcrumb-item.active {
      background-color: transparent;
      color: #20b494;
      font-weight: 500;
    }

    .breadcrumb i {
      font-size: 14px;
    }

    .separator {
      color: #999;
      font-size: 16px;
    }

.content-pad-div{margin-top: 20px; margin-bottom: 50px;}





 .step-container {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-top: 10px;
    }

    .circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 14px;
      transition: all 0.3s ease;
    }
/* 
    .active {
      background-color: #E6FAF5;
      color: #1D4C4F ;
      border: 1px solid #C7F4E8 ;
    } */

    .inactive {
      border: 1px solid #C7F4E8;
      color: #C7F4E8;
      background-color: transparent;
    }

    .add-others {
      margin-top: 10px;
      margin-left: 2px;
      color: #69C8AC;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
    }

    .add-others:hover {
      text-decoration: underline;
    }


    .banner-h{    height: 380px;
}
.search-bar-top{margin-top: -48px;}
.ml--30 {
    margin-left: 8px;}





/* search result page css */
.saerch-result-main{  padding: 60px 0px;  }
.result-box-1{background-color: #fff;  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07); padding: 15px; margin-top: 10px; border-radius: 10px; }
.border-btn-search{    border: 1px solid #4ba489;
    padding: 6px 24px;
    border-radius: 6px;
    color: #4ba489;}
    .user-profile-card-1{width: 100%;}
    .profile-name-card-div{    margin-left: -14px;}

       .info-box {
      text-align: center;
      border-right: 1px solid #ddd;
    }

    .contact-info-div{background-color: #e9fdf7; padding: 10px;  height: auto; border-radius: 10px;}
    .content-bg-clr-div{    background-color: #F2F9F7; 
   
    padding: 10px !important;
    width: 466px !important;     margin-top: 1px !important;
    margin-left: 0px !important;}
   .cont-div-btn-div{padding: 14.5px 32px !important;}
 .search-div-small ul li .nav-link {
    padding: 14.5px 14px !important;
    border: 1px solid #48a189 !important;
    color: #48a189;
    font-size: 16px;
    font-weight: 600;
    line-height: 12.16px;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    border-radius: unset;
    border: unset;
    position: relative;
    background-color: #fff;
}
.active-1{color: #48a189 !important;}
.user-profle-bg{    width: 40px;
    height: 40px;
    background-color: #D9D9D9;
    border-radius: 20px;
    padding: 10px 13px;}

    .content-bg-clr-div-b {
    background-color: #F2F9F7;
    padding: 10px !important;
    width: 508px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;}

    .signup-main-1 {
    background-color: #F6F6F6;
    padding-bottom: 87px;
    padding-top: 100px;}


    .content-bg-clr-div-bg {
    background-color: #F2F9F7;
    padding: 3px 22px;    width: 466px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
}

.content-bg-clr-div-ph {
    background-color: #F2F9F7;
    padding: 34px 6px !important;
    width: 466px !important;
    margin-top: -14px !important;
    margin-left: 0px !important;
}

.need-helip-para{    text-align: end;     margin-left: -11px;}
.header-top-mrng{margin-top: 19px;}

.content-bg-clr-div-lo {
    background-color: #F2F9F7;
    padding: 13px 22px 28px 20px !important;
    width: 501px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;}

    .content-bg-clr-div-lo-1 {
    background-color: #F2F9F7;
    padding: 13px 0px 31px 28px !important;
    width: 514px !important;
    margin-top: 1px !important;
    margin-left: 0px !important;
}





    .input-wrapper {
      display: flex;
      border: 1px solid #4ba489 !important;
      border-radius: 10px;
      overflow: hidden;
      transition: 0.3s ease;
      height: 42px;
          width: 86%;
    margin-left: 12px;
    margin-top: 10px;
    }

    

    .input-field {
      padding: 14px 16px;
      border: none;
      background: transparent;
      color: #4ba489 !important;
      font-size: 16px;
      flex: 1;
      outline: none;
    }

    .dropdown {
      padding: 0px 16px;
      /* border-left: 1px solid #4ba489; */
      background: transparent;
      color: #4ba489 !important;
      font-size: 16px;
      cursor: pointer;
      outline: none;
    }

    select {
      border: none;
      background: transparent;
      color: #4ba489;
      font-size: 16px;
      cursor: pointer;
    }

    select:focus {
      outline: none;
    }

.total-btn{border: 1px solid #4ba489;
    padding: 8px 51px;
    border-radius: 10px;}


    input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    color: #595960 !important;
    font-size: 14px;
    font-weight: 500;
}



/* message box */
.custom-textarea {
      border: 1px solid #999;
      border-radius: 8px;
      padding: 12px;
      resize: none;
      height: 120px;
      color: #000 !important;
      height: 80px !important;
    }

    .char-info {
      font-size: 13px;
      color: #999;
      display: flex;
      justify-content: space-between;
      padding-top: 4px;
    }
.m-new{
  margin-bottom: 0px !important;
}



    /* Koti Home Page CSS start here */
.search-form-widget .tab-content{    padding: 20px;}
.home-filter-inputs{padding: 10px !important;}
.hm-fltr-cls{ margin-bottom: 10px;}
.header-section .heading-section{max-width: 600px;}
.header-section{margin-bottom: 20px;}
.agent-label{    padding: 4px 10px !important;
    background-color: #f00;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    margin-left: 5px; }
    .agent-label-2{    padding: 4px 10px !important;
    background-color: rgb(255, 192, 4);
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    margin-left: 5px; }
.builder-label{padding: 4px 10px !important;
    background-color:#0f8900;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    margin-left: 5px; }
.register-lg-divider{ margin: 0px 10px;}
.p-poster-profile{padding: 7px !important;}
.btn-read-more .more-link {
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    color: #13c100;
}


.tf-car-service .image .stm-badge-top .feature span {
    padding: 6px 14px;
    background-color: #4ba489;
    font-size: 11px !important;
    font-weight: 500;
    line-height: 15px;
    color: #ffffff;
    border-radius: 5px;
    margin-right: 10px;
}
.sft-btn {
    background-color: #4ba489;
    padding: 9px 11px !important;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
.breadcrumb{margin-bottom: 10px;}
.src-list-img{padding: 0px !important;}
.search-person-tye-div p{line-height: 5px;}

.rd-more-link{ color: #5e49ff !important; font-weight: bold;}
.profile-name-card-div-h6{font-size: 22px;}

.src-location{ color: #f00;}
.property-disc{ line-height: 20px;}
.register-cont-margin{margin-top: 10px;}
    /* Koti Home Page CSS end here */












    
/* search result page css */
.assets-img img{width: 20px !important ;}
.assets-ctn{
  border-right: 1px solid #e1e1e1 !important;
  padding-right: 25px;
}

.btn-borfer-my{
    padding-right: 7px !important;}

.assets-ctn p{
font-size: 12px !important;
}
.assets-main{
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px !important;
    margin: 17px 0 5px 0;
}

.assets-ctn-2{
  border:none !important;
}

.assets-action-items{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2px !important;
}


.assets-action-items-gap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 9px !important;
}



.assets-action-items-2{
  display: flex !important;
  justify-content: center;
  margin-bottom: 0px !important;font-size: 12px;
}

.getinfo-btn-div{
  padding: 2px 41px !important;
  margin-bottom: 8px !important;
      background-color: #60D669 !important;
  color: #fff !important;font-size: 12px;
}
    
.sharelink-btn-div{
  color: #48a189;
  text-decoration: underline

  ;
}
.saerch-result-main{  padding: 60px 0px;  }
.result-box-1{background-color: #fff;  box-shadow: 0px 4px 19px 0px rgba(0, 0, 0, 0.07); padding: 9px; margin-top: 10px; border-radius: 10px; margin-bottom: 20px;     min-height: 310px; }
.border-btn-search{    border: 1px solid #4ba489;
    padding: 6px 24px;
    border-radius: 6px;
    color: #4ba489;}
    .user-profile-card-1{width: 150%;
   }
    .user-profile-card-2{width: 150%;width: 381%;
    position: relative;
    left: -6px;}

    .user-profile-card-pr{width: 40px;
    position: relative;
    left: -6px;}

    .profile-name-card-div{    margin-left: -5px;}

      .profile-name-card-div-1{    margin-left: 30px;}

    .search-rsult-tab-div{    padding-top: 100px;}
  .button-div-margn{margin-top: -30px !important;}

    .search-bg-imag{background-image: url(../images/banner/search-bg.png); background-repeat: no-repeat; background-size: 100%; height: 264px;}

    .hover-listing-image {
    min-height: 184px; 
    position: relative;
    z-index: 5;}
       

   /* .img-height-sft{    min-height: 418px; } */


    .search-bnd-1{    
  border: 1px solid #48a189;
    border-radius: 8px;
    padding: 1px 33px;
    font-size: 12px;
  }

    .zero-btn-div{    width: 4%;
    position: relative;
    left: -10px;}


    .search-btn-div-1 {
    background-color: #4ba489 !important;
    color: #ffff;
    padding: 11px 38px !important;
    border-radius: 5px !important;}


    .saerch-result-main-1 {
    padding: 29px 0px;
}



.hover-listing-image-1 {
    min-height: 414px;
    position: relative;
    z-index: 5;
}



/* dashbaord css start here */


   
        /* Sidebar styling */
        #sidebar {
            background-color: var(--sidebar-bg);
            color: var(--sidebar-text);
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            width: 280px;
            transition: all 0.3s;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            z-index: 1000;
        }
        
        .sidebar-header {
            background-color: var(--header-bg);
            padding: 1.5rem 1rem;
            border-bottom: 1px solid var(--sidebar-border);
        }
        
        .user-info h4 {
            font-weight: 600;
            margin-bottom: 0.25rem;
        }
        
        .user-id {
            font-size: 0.85rem;
            opacity: 0.8;
        }
        
        .nav-divider {
            border-top: 1px solid var(--sidebar-border);
            margin: 1rem 0;
            opacity: 0.3;
        }
        
        .sidebar-nav {
            padding: 0.5rem 1rem;
        }
        
        .sidebar-nav .nav-link {
            color: var(--sidebar-text);
            padding: 0.75rem 1rem;
            margin: 0.25rem 0;
            border-radius: 8px;
            display: flex;
            align-items: center;
            transition: all 0.2s;
            font-weight: 500;
        }
        
        .sidebar-nav .nav-link:hover {
            background-color: var(--sidebar-hover);
            transform: translateX(5px);
        }
        
        .sidebar-nav .nav-link.active {
            background-color: var(--sidebar-active);
            color: white;
        }
        
        .sidebar-nav .nav-link i {
            margin-right: 12px;
            font-size: 1.2rem;
            width: 24px;
            text-align: center;
        }
        
        .logo {
            font-weight: 700;
            letter-spacing: 1px;
            color: #38bdf8;
            font-size: 1.5rem;
         margin-bottom: 0.3rem;
            display: block;
            text-decoration: none;
        }
        
        .logo span {
            color: #f1f5f9;
        }
        
        /* Content area */
        #content {
            margin-left: 280px;
            padding: 2rem;
            min-height: 100vh;
        }
        
        .dashboard-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .dashboard-title {
            font-weight: 600;
            color: #1e293b;
        }
        
        .stats-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
            padding: 1.5rem;
            transition: transform 0.3s;
            height: 100%;
            border: 1px solid #e2e8f0;
        }
        
        .stats-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07);
        }
        
        .card-icon {
            width: 60px;
            height: 60px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }
        
        .card-icon.properties {
            background: rgba(56, 189, 248, 0.15);
            color: #0ea5e9;
        }
        
        .card-icon.deleted {
            background: rgba(239, 68, 68, 0.15);
            color: #ef4444;
        }
        
        .card-icon.notification {
            background: rgba(139, 92, 246, 0.15);
            color: #8b5cf6;
        }
        
        .card-icon.profile {
            background: rgba(16, 185, 129, 0.15);
            color: #10b981;
        }
        
        /* Mobile responsive */
        @media (max-width: 992px) {
            #sidebar {
                width: 70px;
                overflow: hidden;
            }
            
            #sidebar .logo-text,
            #sidebar .nav-text,
            #sidebar .user-info {
                display: none;
            }
            
            #sidebar .sidebar-header {
                padding: 1rem 0.5rem;
                text-align: center;
            }
            
            #sidebar .nav-link {
                padding: 0.75rem;
                justify-content: center;
            }
            
            #sidebar .nav-link i {
                margin-right: 0;
                font-size: 1.4rem;
            }
            
            #content {
                margin-left: 70px;
            }
        }
        
        @media (max-width: 768px) {
            #sidebar {
                width: 0;
            }
            
            #content {
                margin-left: 0;
            }
            
            .mobile-toggle {
                display: block !important;
                position: fixed;
                top: 1rem;
                left: 1rem;
                z-index: 999;
            }
        }
        
        .mobile-toggle {
            display: none;
            background: var(--sidebar-bg);
            color: white;
            border: none;
            border-radius: 8px;
            padding: 0.5rem 0.75rem;
            font-size: 1.25rem;
        }

.has-dashboard .main-header .main-menu .navigation > li > a {
    color: #020101 !important;
}



.user-profile-elipse img {
  margin: -2px !important;
}

.edit-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px !important;
  width: 24px !important;
  background-color: #ffffff !important;
  margin-left: 20px !important;
  border-radius: 50% !important;
}
.edit-icon i{
  font-size: 12px !important;
  color: #4ba489 !important;
  line-height: 2 !important;
}

.user-profile-elipse i {
  margin-top: 0px !important;
}

.sidebar-dashboard {
    max-width: 226px;
    width: 100%;
    padding: 0px 10px;
    background-color: #4ba489;
   height: 400px !important;
    
    
        border-radius: 10px;
   margin-top: 121px !important;
    margin-left: 97px !important;
  }

.preview-btn-1{
  background-color: #20b494; padding: 5px 10px;text-decoration: none; color: #fff; border-radius: 5px;
}


    .profile-owner{background-color: #EDF2FF; padding: 8px 5px 11px 6px;   margin-top: 15px; border-radius: 8px;}
    .user-profile-elipse{
    display: flex
;
    align-items: center;
    flex-direction: column;
    background-color: #D9D9D9;
    width: 50px;
    height: 50px;
    border-radius: 55px;
    padding: 11px;}

    .sidebar-dashboard .db-profile {
    padding-left: 2px;
    margin-bottom: 11px;}
    .owner-btn-div{background-color: #4ba489;
    color: #fff;
    padding: 5px 5px;
    border-radius: 5px;
  font-size: 12px;
text-decoration: none;}


  .sidebar-dashboard .db-menu > ul > li.active {
    background-color:hsl(161.8deg 100% 95.11%);
}

.text-clr-b{color: #000;}
.sidebar-dashboard .db-menu > ul > li > a {
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: #ffffff;
    padding: 6px 14px;
}

.db-menu ul {
  padding: 0;
}

.db-menu ul li{
  margin: 10px 0 !important;
}

.nav-link{
  margin: 0px !important;
}
.db-menu ul li a {
  text-decoration: none;
}

.db-menu ul li a p {
  margin: 0 !important
}




.has-dashboard .page-dashboard-wrap {
    background: none;}
    
.has-dashboard {background: none;
margin-left: 388px !important;}

.dashbaord-img-div{   width: 288%;
    margin-left: -160px;
}
.Notifications-1{
margin-bottom: 10px !important;
}


.edit-profile-icon{position: relative;
    top: -34px;
    left: 8px;
    color: #4ba489;
  }

  .navigation li a {

    text-decoration: none  !important;

  }

  .page-dashboard-wrap {
    padding: 90px 120px 90px 70px !important;

  }



.getinfo-btn-div-1 {
    padding: 3px 29px !important;   
     margin-bottom: 20px !important;
    background-color: #60D669 !important;
    color: #fff !important;
      text-decoration: none;
        border-radius: 5px !important;
}



.search-bnd-1-t {
    border: 1px solid #48a189;
    padding: 6px 56px;
    border-radius: 10px;
        text-decoration: none;
}

.icon-10{font-size: 27px !important;}

    /* .action-btn {
      font-size: 2rem;
      cursor: pointer;
      transition: transform .15s ease;
    } */
    .action-btn:hover { transform: scale(1.1); }

    /* ———Modal polish to match your mockups——— */
    .modal-content {
      border-radius: 18px;
      padding: 2.5rem 2rem;
      text-align: center;
    }
    .modal-header { border: none; }
    .modal-body { padding-bottom: 0; }

    /* Photo modal specifics */
    .avatar-wrapper img {
      width: 220px;
      height: 220px;
      object-fit: cover;
      border-radius: 50%;
      display: block;
      margin: 0 auto 1.5rem;
    }
    .upload-text {
      color: #2e7d32;           /* Google green vibe */
      font-weight: 600;
      margin-bottom: 2rem;
    }

    /* Logout modal specifics */
    .logout-icon {
      font-size: 3rem;
      color: #0d6efd;
      margin-bottom: 1rem;
    }
    .logout-title {
      font-size: 1.75rem;
      font-weight: 600;
      color: #0d6efd;
    }
    .logout-sub {
      color: #6c757d;
      margin-bottom: 2rem;
    }

.wrap-car-leave-a-reply .post-comment .input-post-comment .radio input[type=checkbox] + label:before {
    border: unset;
    background-color: #10b981;}

    




/* get info css start here */


 .property-card {
    background-color: #4ba489;;
    border-radius: 10px;
    color: #fff;
    padding: 20px;
  }
 
  .contact-icon {
    width: 18px;
    margin-right: 5px;
  }
  
  .profile-card-user-div{background-color: #fff; padding: 8px 10px; border-radius: 10px;}
.map-icon-div{color: #00b386;}
.para-yash{color: #868686; line-height: 20px;}
.cell-icon-div-1{    position: relative;
    top: 1px;
    left: -3px;}
.profile-img-div2{    margin-top: 42px;}
h6 {
    font-size: 14px;}
    .location-detail-bg-div{    background-color: #F7F9FF;
    padding: 17px 12px 2px 18px;}
    .social-media-width-div{width: 35%;    margin-right: -21px;}
    .share-text-btn{    text-decoration-line: underline;}
    .bg-primary {
    background-color: #4ba489 !important;}
    .wrap-car-review .listing-customer-review .progress .progress-text .overall-rating-number {
    color: #4ba489;}

.form-margin-div{margin-top: -27px;}
    .wrap-car-review {
    padding: 50px 30px;
    border: 1px solid #EBEBEB;
    border-radius: 15px;
    height: 334px;}

    .testimonial-v2 .btn-next-prev {
    right: 8%;
    bottom: 3%;}
    .testimonial-v2 .testimonial-v2-content .description {line-height: 23px;}
    .testimonial-v2 .testimonial-v2-image .icon i {
    font-size: 50px;
    color: #4ba489;}
    .testimonial-v2 .testimonial-v2-content .title {
    font-size: 30px;}


    .img-thumb {
    object-fit: cover;
    height: 150px;
}
.social-icon li a{text-decoration: none;}
/* get info css start here */

.phone-text-div-1{text-decoration: none; color: #000;    padding-left: 15px; }
.phone-text-div-e{text-decoration: none; color: #000;    }
.email-pos-div{    position: relative;
    left: -4px;
    top: 1px;
}

.contact-detail{    margin-top: -20px;}
.number-po-div{    position: relative;
    top: 6px;}
    .my-propertiesh-head{font-size: 26px;
    font-weight: 700;    margin-top: -29px;
    margin-bottom: 29px;}

.size-font{font-size: 25px;}




 .notification {
    /* background-color: #000; */
    border: 1px solid #e1e1e1;
    color: #77787B;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .notification .icon {
    background: #EBEBEB;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #373636;
    font-size: 18px;
    margin-right: 10px;
        width: 30px;
    height: 30px;
  }
  .notification .content {
    flex-grow: 1;
    font-size: 12px;
  }
  .notification .title {
    font-weight: 600;
  }
  .notification .date {
    font-size: 11px;
    color: #999;
    white-space: nowrap;
  }
  .green { color: #00ff00; }
  .red { color: #ff3333; }
  .primary-clr-1 {
    background-color: #4BA489 !important;
    padding: 9px 0px !important;}

    .amenity-card {
    text-align: center;
    padding: 10px;
  }
  .amenity-card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }
  .amenity-title {
    font-weight: bold;
    margin-top: 10px;
    
  }

  .amentires-ttl{font-size: 22px;}
  .margin-ttl-map{margin-bottom: 20px;}

  input[type=checkbox]:checked + label:after {
    content: "✔";
    font-size: 10px;
    line-height: 10px;
    color: #fffafa;
    display: block;
    position: absolute;
    top: 7px;
    left: 9px;
    width: 16px;
    height: 17px;
    background-color: #4BA489 !important;
    padding: 4px;
    margin-top: -1px;
    border-radius: 2px;}

    input[type=checkbox] + label:before {
      top: 6px;
      left: 10px;
  }


   
  .option-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
  }

  .option-item input[type="radio"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
  }

  .option-item label {
    cursor: pointer;
  }



  .nice-select .option.selected {
    font-weight: 600;
    color: #4ca489 !important;}




    .property-type-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px; /* space between buttons */
  margin: 20px 0;
}





    .property-type-indoor {
  display: flex;
  flex-wrap: wrap;
  gap: 37px; /* space between buttons */
  margin: 20px 0;
}

.property-type-yoga-div{    display: flex
;
    gap: 58px;
    margin-right: 49px;}






    .property-type-container-1 {
  display: flex;
  flex-wrap: wrap;

margin: -5px -26px;
}


.flat_type{width: auto !important;    font-size: 14px !important;    padding: 6px 16px !important;}


















  .profile-container {
      position: relative;
      display: inline-block;
    }

    .profile-icon {
      width: 40px;
      height: 40px;
      background-color: #ccc;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
    }

    .dropdown-menu {
      display: none;
      position: absolute;
      top: 50px;
      right: 0;
      background-color: white;
      box-shadow: 0 2px 8px rgba(0,0,0,0.15);
      border-radius: 8px;
      overflow: hidden;
      min-width: 160px;
      z-index: 1000;
    }
















.menu-container {
  position: relative;
  display: inline-block;
}

.menu-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
}

.menu-popup {
  display: none;
  position: absolute;
  right: 0;
  top: 25px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  z-index: 1000;
  min-width: 120px;
}

.menu-item {
  padding: 8px 12px;
  cursor: pointer;
}

.menu-item:hover {
  background: #f0f0f0;
}

.profile-div-drop-down{    border: 1px solid #e1e1e1;
    border-radius: 6px;
    padding: 3px 9px;
      margin-top: -8px;}






















/* vijaya css start here */
 .proparty-sft99btndiv {
    border: 1px solid #4ba489 !important;
    border-radius: 6px !important;}
 .total-btn-div {
    border: 1px solid #4ba489;
    padding: 8px 32px;
    border-radius: 6px;
    background-color: #fff;}
.commerical-input-div {
    padding: 6px 25px !important;
    border: 1px solid #4ca489 !important;}

    
.signup-owner-div {
    display: flex
;
    flex-wrap: wrap;
    margin: 10px -26px !important;}







.indoor-amenties-div{display: flex
;
    justify-content: center;}
















 /* vijaya latest css */
.project-name-hgt{height: 37px !important; margin-bottom: 15px;}
.project-name-hgt-1{ margin-bottom: 15px;}
.custom-input {
  width: 250px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 13px !important;   /* Changed here */
  outline: none;
}

.custom-input:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 3px rgba(74,144,226,0.5);
}
.amenties-input-hgt{height: 38px !important; border: 1px solid #00b386 !;}
.search-text-input {
    position: relative;
    top: 1px;}



 /* .file-upload {
      display: flex;
      align-items: center;
      gap: 10px;
     
    } */

    .file-upload input[type="file"] {
      border: 1px solid #4ba489 ;
      padding: 6px;
      border-radius: 4px;
      background-color: #fff;
      width: 100%;
    }

    .file-upload button {
      background-color: #003d80; /* Dark blue */
      color: #fff;
      border: none;
      padding: 8px 16px;
      border-radius: 4px;
      cursor: pointer;
      font-size: 14px;
    }

    .file-upload button:hover {
      background-color: #0056b3;
    }


.project-pans-upoad-div{    margin-top: -36px;}
.project-pans-upoad-status{    margin-top: -26px;}
.owner-btn-div-proparty{background-color: #4ba489;
    color: #fff;
    padding: 3px 17px;
    /* border-radius: 4px; */
}



.owner-btn-div-deactive{background-color: #c9c9c9;;
    color: #000;
    padding: 3px 17px;
    /* border-radius: 4px; */
    font-size: 13px;
}

 .property-type-container-owner-div {
  display: flex;
  /* flex-wrap: wrap;
  gap: 12px;  */
  margin: 7px 0 14px 0px;
}


 .property-type-container-owner-login {
  display: flex;
  /* flex-wrap: wrap;
  gap: 12px;  */
  margin: 7px 0 -1px 0px;
}
  .property-type-container-2 {
  display: flex;
  flex-wrap: wrap;
  margin: -5px -26px;
}

.faq-item span{font-size: 14px;
    font-weight: 500;
    color: #000;
}


 .project-img-hight-div{    border-radius: 4px;
    height: 120px;}
.bulider-propary-deatil{padding: 12px 0px 30px 0px;}
.bulider-propary-deatil h3{font-size: 22px !important;}
.residentail-cont-div{padding: 3px 13px !important;}
.tf-height-card-box{    height: 335px !important;}
.bedroom-img-div{    border-radius: 4px;
    border: 2px solid #4ba489;
    width: 130% !important;
        height: 183px;
}
.bulider-ttl-heading{    margin-top: -18px;}
.bhk-images-div{margin-right: 38px !important;}
/* amenties section */
.amenities-section {
     padding: 30px 0px;
    }
.amenitiy-icon-mrg{margin-bottom: 22px;}
    .amenities-section h2 {
      font-size: 22px;
      font-weight: bold;
      color: #000;
      margin-bottom: 30px;
    }

    .amenities-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 30px;
    }

    .amenity-card {
      background: #fff;
      border-radius: 50%;
      width: 54px;
      height: 54px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 2px solid #4ba489;
      position: relative;
      flex-direction: column;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
      transition: transform 0.2s;
    }

    .amenity-card:hover {
      transform: translateY(-5px);
    }

    .amenity-icon {
      font-size: 18px;
      color: #4ba489;
      margin-bottom: 1px;
    }

    .amenity-text {
      font-size: 14px;
      color: #333;
      font-weight: 500;
      margin-top: 10px;

      text-align: center;
    }



 .faq {
      width: 430px;

      border-radius: 8px;
      padding: 10px;
    }

    .faq-item {
      border-bottom: 1px solid #ddd;
      padding: 10px 0;
    }

    .faq-question {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      font-weight: bold;
    }

    .faq-answer {
      display: none;
      padding: 8px 0;
      color: #c1bebe;
      font-style: 300 !important;
    }

    .faq-answer.active {
      display: block;
    }
.plans-img-div{    height: 149px;}

.sft-btn-bhk {
    background-color: #4ba489;
    padding: 9px 41px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    font-size: 12px;}

.sft-btn-bhk-div {
    border: 1px solid #4ba489;
    padding: 9px 41px;
    border-radius: 5px;
    color: #4ba489;
    text-decoration: none;
    font-size: 12px;}
    .bulider-imga-main{    height: 263px;
    border-radius: 3px;}
.bulider-page-amenties-gap{        margin: 0px 13px;
    gap: 61px;
}

    .indoor-amenties-div-blider{    display: flex
;
    justify-content: center;
    gap: 51px;}

    .bulider-page-amenties-gap-1{  display: flex
;
    justify-content: center;
       gap: 70px;
    margin: 0px 19px;}
    .lac-text-div{    background-color: #fff;
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    margin-bottom: 8px !important;
}
 /* vijaya latest css */










 .amount-container {
    display: flex;
    align-items: center;
    /* width: fit-content; */
    border: 1px solid #38b2ac; /* teal border like your image */
    border-radius: 6px;
    overflow: hidden;
  }
.amount-drop-div{display: flex ;}
  .amount-container input {
    padding: 8px 12px;
    border: none;
    outline: none;
    font-size: 14px;
    color: #000
  }

  .amount-container select {
    border: none;
    outline: none;
    padding: 8px 12px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    background-color: #fff;
        position: relative;
    right: 2px;
  }

.width-price-input-div{    width: 239% !important;}
.width-price-input-area{    width: 159% !important;}




.new-button{
  background-color: rgb(255, 164, 6); padding: 4px 8px; border-radius: 3px;margin: 5px ;
}
.new-btn-2{
  border: 1px solid #ccc; padding: 5px 10px ; text-align: center; color: #fff !important; border-radius: 5px; margin-top: 30px;
}
.new-btn-3{
  background-color: #4ba489; padding: 5px 10px ; text-align: center; color: #fff !important; border-radius: 5px; margin-top: 30px;
}




                                                                

.popup-link a{
    background: #60D669 ;
    color: #fff;
    padding: 2px 41px !important;
    border-radius: 5px;
    font-size:12px;
    cursor:pointer;
    margin:20px;
    text-decoration:none;
}

.popup-container {
    display: none;
    opacity: 0;
    transform: scale(1.3);
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    align-items: center;
    justify-content: center;
    z-index: 99;
}
.popup-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 75%;
}
.popup-content p{
    font-size: 17px;
    padding: 10px;
    line-height: 20px;
}
.popup-content a.close{
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background: none;
    padding: 0;
    margin: 0;
    text-decoration:none;
}

.popup-content a.close:hover{
  color:#333;
}

.popup-content span:hover,
.popup-content span:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.popup-container:target,
.popup-container.show{
  display: flex;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.popup-container h3{
  margin:10px;
}
/*End popup styles*/

/* Additional styles */
.popup-style-2{
  transform: scale(0.3);
  
}

.popup-style-2:target{
  transform: scale(1);
}

.popup-style-3{
  left:100%;
  
}

.popup-style-3:target{
  left:0;
}

.popup-style-4{
  transform: rotate(180deg);
}

.popup-style-4:target{
  transform: rotate(0deg);
}

.popup-style-5{
  top:100%;
  
}

.popup-style-5:target{
  top:0;
}

.popup-style-6{
  transform: scale(15.3);
  
}

.popup-style-6:target{
 transform: scale(1);
 }

.popup-style-7{
  transform: skewY(180deg);
   transition: all 0.7s ease-in-out;
}

.popup-style-7:target{
 transform: skewY(0deg);

 }




           


.left_area h3{
  color:#fff;
  margin:0;
  text-transform:uppercase;
  font-size:22px;
  font-weight:900;
}

.left_area span{
  color:#1DC4E7;
}

.logout_btn{
  padding:5px;
  background:#19B3D3;
  text-decoration:none;
  float:right;
  margin-top:-30px;
  margin-right:40px;
  border-radius:2px;
  font-size:15px;
  font-weight:600;
  color:#fff;
  transition:0.5s;
  transition-property:background;
}

.logout_btn:hover{
  background:#0D9DBB;
}

.profile-div{
  text-align:center;
}

.sidebar{
        border-radius: 10px;
  background:#4ba489;
  margin-top:160px;
  
 
  left:0;
  width:250px;
  height:100%;
  transition:0.5s;
  transition-property:left;
}

.sidebar .profile_image{
  width:100px;
  height:100px;
  border-radius:50px;
  margin-bottom:10px;
}

.sidebar h4{
  color:#ccc;
  margin-top:0;
  margin-bottom:20px;
}

.sidebar a{
  color:#fff;
  display:block;
  width:100%;
  line-height:60px;
  text-decoration:none;
  padding-left:40px;
  box-sizing:border-box;
  transition:0.5s;
  transition-property:background;
}

.sidebar a:hover{
  background-color: hsl(160, 43%, 20%);
}
.sidebar a.active{
  background-color: hsl(160, 43%, 20%);
  border-radius: 5px;
  margin-top: 10px;
}

.Profile-Settings{
  margin-left: 30px;
}



.sidebar i{
  padding-right:10px;
}

label #sidebar_btn{
  z-index:1;
  color:#fff;
  position:fixed;
  cursor:pointer;
  left:300px;
  font-size:20px;
  margin:5px 0px;
  transition:0.5s;
  transition-property:color;
}

label #sidebar_btn:hover{
  color:#19B3D3;
}

#check:checked ~ .sidebar{
  left:-190px;
}

#check:checked ~ .sidebar a span{
  display:none;
}

#check:checked ~.sidebar a{
  font-size:20px;
  margin-left:170px;
  width:80px;
}

/* .content{
  
 
  background-position:center;
  background-size:cover;

  transition:0.5s;
} */

#check:checked ~ .content{
  margin-left:60px;
}

#check{
  display:none;
}
    
.img-width{
  width: 126%;
}
.projects-box{
  text-decoration: none; text-align: center; padding: 10px 20px ; background-color: #20b494; border-radius: 5px; color: #fff; font-weight: 600;
}
.margin-new{
  margin-top: 30px !important;
}

.padding-top-new{
  padding-top: 2px !important;
}
 

.h6-new{
  font-size: 15px;
}
.add-btn-new{
  background-color: #4ba489; padding: 8px 20px; border-radius: 8px; color: #fff; 
}
.add-btn-new:hover{
  background-color: #2c7a63; padding: 8px 20px; border-radius: 8px; color: #fff; 
}
                                                          














    .dropdown-menu a {
      display: block;
      padding: 10px 16px;
      text-decoration: none;
      color: #333;
      transition: background 0.2s;
    }

    .dropdown-menu a:hover {
      background-color: #f0f0f0;
    }
                                        .contact-info-box-div {
    background-color: #F6F6F6;
    padding: 10px;
    margin-top: -11px !important;
    height: 205px;
    width: 146px; }

    .header-account .register a:not(:last-child):after {
    content: "" !important;
    font-size: 15px;
    margin: 0 5px;
    font-weight: 600;}

    .other-feature-text-tarnsfor{    text-transform: lowercase !important;}
    /* .search-person-tye-div{margin-right: 17px !important;} */
        .search-person-tye-div-p{margin-right: 47px !important;}

  .dashbaord-divprofile{    margin-left: -84px !important;}
  ul.social-icon {
    @include flex-center;

    & li {
        & a {
            & i {
                color: $white2;
                font-size: 16px;
                width: 40px;
                height: 40px;
                background-color: rgba(255, 255, 255, 0.04);
                text-align: center;
                line-height: 40px;
                border-radius: 50%;
                margin: 0 -1px !important;
                display: block;
                -webkit-transition: all 0.3s ease;
                -moz-transition: all 0.3s ease;
                -ms-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;

                &:hover {
                    background-color: $primary;
                }
              }
            }